<script setup>
import Banner from '../components/Banner.vue'
import CardList from '../components/CardList.vue'

// 四个卡片的数据
const cards = [
  {
    title: '招标预告',
    list: [
      { title: '【麻城市中心】麻城经济开发区道路东园小学...', date: '2023-04-13' },
      { title: '【麻城市中心】麻城市农村公路管理局招标预告...', date: '2023-04-13' },
      { title: '【麻城市中心】麻城经济开发区道路东园小学...', date: '2023-04-13' },
      { title: '【汉川市中心】汉川电厂四期扩建工程电力...', date: '2023-04-13' },
      { title: '【红安县中心】红安县2023年度/型水库安...', date: '2023-04-13' }
    ]
  },
  {
    title: '招标公告',
    list: [
      { title: '平煤隆基新能源科技有限公司二期电...', date: '2023-04-13' },
      { title: '【2023年批电气气动备件油化采购...', date: '2023-04-13' },
      { title: '平煤隆基新能源科技有限公司二期拟...', date: '2023-04-13' },
      { title: '云南省中医医院苏永运维项目咨询...', date: '2023-04-13' },
      { title: '平煤隆基新能源科技有限公司动力厂房...', date: '2023-04-13' }
    ]
  },
  {
    title: '中标公告',
    list: [
      { title: '山东省潍坊市山东鑫奥医药有限公司潍...', date: '2023-04-13' },
      { title: '张家界旅游学校关于堡堡/堡堡/堡堡的网...', date: '2023-04-13' },
      { title: '长沙市芙蓉区明朗小学关于其他广告服务...', date: '2023-04-13' },
      { title: '沙河对特兔农资产品电商会员服务合...', date: '2023-04-13' },
      { title: '滕州市工贸中专关于LED大灯的网上超市采...', date: '2023-04-13' }
    ]
  },
  {
    title: '企业采购',
    list: [
      { title: '蔡明县三合镇初级中学关于新鲜水果的...', date: '2023-04-13' },
      { title: '兰陵县第七中学七中2023年保安经费成交公告', date: '2023-04-13' },
      { title: '(XJ023041300027)CG-连接器询价', date: '2023-04-13' },
      { title: '阳原县公安局关于机械键盘的网上超市采购...', date: '2023-04-13' },
      { title: '青州市机关事务服务中心车辆保险成交公告', date: '2023-04-13' }
    ]
  }
]
</script>

<template>
  <Banner />
  <div class="card-list-container">
    <CardList v-for="(card, idx) in cards" :key="idx" :title="card.title" :list="card.list" />
  </div>
</template>

<style scoped>
.card-list-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  max-width: 1200px;
  margin: 32px auto 0 auto;
}
</style>